﻿
/*向下滑动箭头*/
.iconAnimation { 
        -webkit-animation:iconAnimation1 2s 0s infinite  ease both;
    -moz-animation:iconAnimation1 2s 0s infinite ease both;
    -ms-animation:iconAnimation1 2s 0s infinite ease both;
       display:block;
}
@-webkit-keyframes iconAnimation1 {
	0%{opacity:0;-webkit-transform:translateY(30px)}
	70%{opacity:1;-webkit-transform:translateY(0)}
	100%{opacity:0;-webkit-transform:translateY(-20px)}

}
@-moz-keyframes iconAnimation1 {
	0%{opacity:0;-moz-transform:translateY(30px)}
	70%{opacity:1;-moz-transform:translateY(0)}
	100%{opacity:0;-moz-transform:translateY(-20px)}

}
@-ms-keyframes iconAnimation1 {
	0%{opacity:0;-ms-transform:translateY(30px)}
	70%{opacity:1;-ms-transform:translateY(0)}
	100%{opacity:0;-ms-transform:translateY(-20px)}

}


.iconAnimationleft { 
        -webkit-animation:iconAnimationleft 2s 0s infinite  ease both;
        -moz-animation:iconAnimationleft 2s 0s infinite ease both;
}
@-webkit-keyframes iconAnimationleft {
  0%{opacity:0;-webkit-transform:translateX(30px)}
  70%{opacity:1;-webkit-transform:translateX(0)}
  100%{opacity:0;-webkit-transform:translateX(-10px)}

}
@-moz-keyframes iconAnimationleft {
  0%{opacity:0;-webkit-transform:translateX(30px)}
  70%{opacity:1;-webkit-transform:translateX(0)}
  100%{opacity:0;-webkit-transform:translateX(-10px)}

}

.iconAnimationright { 
        -webkit-animation:iconAnimationright 2s 0s infinite  ease both;
        -moz-animation:iconAnimationright 2s 0s infinite ease both;
}
@-webkit-keyframes iconAnimationright {
  0%{opacity:0;-webkit-transform:translateX(-20px)}
  70%{opacity:1;-webkit-transform:translateX(0)}
  100%{opacity:0;-webkit-transform:translateX(10px)}

}
@-moz-keyframes iconAnimationright {
  0%{opacity:0;-webkit-transform:translateX(30px)}
  70%{opacity:1;-webkit-transform:translateX(0)}
  100%{opacity:0;-webkit-transform:translateX(-20px)}

}

.vidiofang_twomove { 
    display:block;
    -webkit-animation:vidiofang_twomove 1.5s 0s ease infinite both;
    -moz-animation:vidiofang_twomove 1.5s 0s ease infinite both;

}
 @-webkit-keyframes vidiofang_twomove {
    0% {-webkit-transform:scale(0.8);opacity:1}
    100% {-webkit-transform: scale(1.1);opacity:0.3}
}
  @-moz-keyframes vidiofang_twomove {
   0% {-webkit-transform:translateY(-50px);opacity:0}
    100% {-webkit-transform: translateY(0);opacity:1}
}



/*音乐播放*/
.globalAudio.play .icon-music {
    -webkit-animation: reverseRotataZ 1.2s linear infinite;
      -moz-animation: reverseRotataZ 1.2s linear infinite;
        -ms-animation: reverseRotataZ 1.2s linear infinite;
} 
@-webkit-keyframes reverseRotataZ {
    0% {-webkit-transform: rotateZ(0deg);}
    100% {-webkit-transform: rotateZ(-360deg);}
}
@-moz-keyframes reverseRotataZ {
    0% {-moz-transform: rotateZ(0deg);}
    100% {-moz-transform: rotateZ(-360deg);}
}
@-ms-keyframes reverseRotataZ {
    0% {-ms-transform: rotateZ(0deg);}
    100% {-ms-transform: rotateZ(-360deg);}
}
/*上下摆动*/
.MySwing { 
        -webkit-animation:MySwing 2s 0s infinite  linear both;
    -moz-animation:MySwing 2s 0s infinite linear both;
    -ms-animation:MySwing 2s 0s infinite linear both;
       display:block;
}
@-webkit-keyframes MySwing {
    0%{opacity:1;-webkit-transform:translateY(80px)}
    50%{opacity:1;-webkit-transform:translateY(-90px)}
    100%{opacity:1;-webkit-transform:translateY(80px)}

}
@-moz-keyframes MySwing {
    0%{opacity:0;-moz-transform:translateY(30px)}
    70%{opacity:1;-moz-transform:translateY(0)}
    100%{opacity:0;-moz-transform:translateY(-20px)}

}
@-ms-keyframes MySwing {
    0%{opacity:0;-ms-transform:translateY(30px)}
    70%{opacity:1;-ms-transform:translateY(0)}
    100%{opacity:0;-ms-transform:translateY(-20px)}

}


.themeAnimation{
    -webkit-animation:show 1s 1.2s ease both;
    -moz-animation:show 1s 1.2s ease both;
}
@-webkit-keyframes show{
    0%{opacity: 0;}
    100%{opacity: 1;}
}
@-moz-keyframes show{
    0%{opacity: 0;}
    100%{opacity: 1;}
}

.roleAnimation{
    -webkit-animation:fadeInDown 1s .2s ease both;
    -moz-animation:fadeInDown 1s .2s ease both;
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
    0%{opacity:0;-moz-transform:translateY(-20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}

.beginAnimation{
    -webkit-animation:fadeInUp 1s .2s ease both;
    -moz-animation:fadeInUp 1s .2s ease both;
}
@-webkit-keyframes fadeInUp{
    0%{opacity:0;-webkit-transform:translateY(20px)}
    100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
    0%{opacity:0;-moz-transform:translateY(20px)}
    100%{opacity:1;-moz-transform:translateY(0)}
}





/*左右移动*/

   .leftmove { 
    -webkit-animation:leftmove 1.5s 0s ease both;
    -moz-animation:leftmove 1.5s 0s ease both;
     -ms-animation:leftmove 1.5s 0s ease both;
}

@-webkit-keyframes leftmove {
          0% {-webkit-transform:translateX(0);}
    100% {-webkit-transform:translateX(-240px);}
}
@-moz-keyframes leftmove {
            0% {-moz-transform:translateX(0);}
    100% {-moz-transform:translateX(-240px);}
}
@-ms-keyframes leftmove {
            0% {-ms-transform:translateX(0);}
    100% {-ms-transform:translateX(-240px);}
}
   .rightmove { 
    -webkit-animation:rightmove 1.5s 0s ease both;
    -moz-animation:rightmove 1.5s 0s ease both;
     -ms-animation:rightmove 1.5s 0s ease both;
}
@-webkit-keyframes rightmove {
          0% {-webkit-transform:translateX(0);}
    100% {-webkit-transform:translateX(240px);}
}
@-moz-keyframes rightmove {
            0% {-moz-transform:translateX(0);}
    100% {-moz-transform:translateX(240px);}
}
@-ms-keyframes rightmove {
            0% {-ms-transform:translateX(0);}
    100% {-ms-transform:translateX(240px);}
}



/*渐渐消失*/
.Disappear{
-webkit-animation:Disappear 1s 0s ease both;
    -moz-animation:Disappear 1s 0s ease both;
     -ms-animation:Disappear 1s 0s ease both;

}
@-webkit-keyframes Disappear {
          0% {opacity: 1}
    100% {opacity: 0}
}
@-moz-keyframes Disappear {
    0% {opacity: 1}
    100% {opacity: 0}
}
@-ms-keyframes Disappear {
          0% {opacity: 1}
    100% {opacity: 0}
}

/*闪动效果*/
.FlashingOneNormal{
-webkit-animation:Flashing 0.5s 0s ease infinite ;
    -moz-animation:Flashing 0.5s 0s ease infinite ;
     -ms-animation:Flashing 0.5s 0s ease infinite ;
}
.FlashingOneFast{
-webkit-animation:Flashing 0.1s 0s  infinite both;
    -moz-animation:Flashing 0.1s 0s  infinite both;
     -ms-animation:Flashing 0.1s 0s  infinite both;
}
@-webkit-keyframes Flashing {
    0% {opacity: 0}
    50% {opacity:0}
    51%{opacity:1}
    100%{opacity:1}
}
@-moz-keyframes Flashing {
   0% {opacity: 0}
    50% {opacity:0}
    51%{opacity:1}
    100%{opacity:1}
}
@-ms-keyframes Flashing {
   0% {opacity: 0}
    50% {opacity:0}
    51%{opacity:1}
    100%{opacity:1}
}
.FlashingTwoNormal{
-webkit-animation:Flashingtwo 0.5s 0s ease infinite ;
    -moz-animation:Flashingtwo 0.5s 0s ease infinite ;
     -ms-animation:Flashingtwo 0.5s 0s ease infinite ;
}
.FlashingTwoFast{
-webkit-animation:Flashingtwo 0.1s 0s  ease infinite both;
    -moz-animation:Flashingtwo 0.1s 0s ease  infinite both;
     -ms-animation:Flashingtwo 0.1s 0s ease infinite both;
}
@-webkit-keyframes Flashingtwo {
    0% {opacity: 1}
    50% {opacity:1}
    51%{opacity:0}
    100%{opacity:0}
}
@-moz-keyframes Flashingtwo {
    0% {opacity: 1}
    50% {opacity:1}
    51%{opacity:0}
    100%{opacity:0}
}
@-ms-keyframes Flashingtwo {
    0% {opacity: 1}
    50% {opacity:1}
    51%{opacity:0}
    100%{opacity:0}
}





.startMoveOne{
  display: block;
-webkit-animation:woodone 4s 0s both;
    -moz-animation:woodone 4s 0s both;
     -ms-animation:woodone 4s 0s both;
}
.startMoveTwo{
  display: block;
-webkit-animation:woodtwo 4s 0s both;
    -moz-animation:woodtwo 4s 0s both;
     -ms-animation:woodtwo 4s 0s both;
}
.startMovethree{
  display: block;
-webkit-animation:woodthree 4s 0s both;
    -moz-animation:woodthree 4s 0s both;
     -ms-animation:woodthree 4s 0s both;
}
.startMoveFour{
  display: block;
-webkit-animation:woodfour 4s 0s both;
    -moz-animation:woodfour 4s 0s both;
     -ms-animation:woodfour 4s 0s both;
}




.woodmoveOneLow{
-webkit-animation:woodone 2s 0s linear infinite both;
    -moz-animation:woodone 2s 0s linear infinite both;
     -ms-animation:woodone 2s 0s linear infinite both;
}
.woodmoveOneNormal{
-webkit-animation:woodone 1s 0s linear infinite both;
    -moz-animation:woodone 1s 0s linear infinite both;
     -ms-animation:woodone 1s 0s linear infinite both;
}
.woodmoveOneFast{
-webkit-animation:woodone 0.1s 0s linear infinite both;
    -moz-animation:woodone 0.1s 0s linear infinite both;
     -ms-animation:woodone 0.1s 0s linear infinite both;
}
@-webkit-keyframes woodone {
    0% {opacity: 1}
    25% {opacity:1}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}
@-moz-keyframes woodone {
    0% {opacity: 1}
    25% {opacity:1}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}
@-ms-keyframes woodone {
    0% {opacity: 1}
    25% {opacity:1}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}

.woodmoveTwoLow{
-webkit-animation:woodtwo 2s 0s linear infinite both;
    -moz-animation:woodtwo 2s 0s linear infinite both;
     -ms-animation:woodtwo 2s 0s linear infinite both;
}
.woodmoveTwoNormal{
-webkit-animation:woodtwo 1s 0s linear infinite both;
    -moz-animation:woodtwo 1s 0s linear infinite both;
     -ms-animation:woodtwo 1s 0s linear infinite both;
}
.woodmoveTwoFast{
-webkit-animation:woodtwo 0.1s 0s linear infinite both;
    -moz-animation:woodtwo 0.1s 0s linear infinite both;
     -ms-animation:woodtwo 0.1s 0s linear infinite both;
}
@-webkit-keyframes woodtwo {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:1}
    50%{opacity:1}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}
@-moz-keyframes woodtwo {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:1}
    50%{opacity:1}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}
@-ms-keyframes woodtwo {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:1}
    50%{opacity:1}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:0}
    100%{opacity:0}
}


.woodmoveThreeLow{
-webkit-animation:woodthree 2s 0s linear infinite both;
    -moz-animation:woodthree 2s 0s linear infinite both;
     -ms-animation:woodthree 2s 0s linear infinite both;
}
.woodmoveThreeNormal{
-webkit-animation:woodthree 1s 0s linear infinite both;
    -moz-animation:woodthree 1s 0s linear infinite both;
     -ms-animation:woodthree 1s 0s linear infinite both;
}
.woodmoveThreeFast{
-webkit-animation:woodthree 0.1s 0s linear infinite both;
    -moz-animation:woodthree 0.1s 0s linear infinite both;
     -ms-animation:woodthree 0.1s 0s linear infinite both;
}

@-webkit-keyframes woodthree {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:1}
    75% {opacity:1}
    76% {opacity:0}
    100%{opacity:0}
}
@-moz-keyframes woodthree {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:1}
    75% {opacity:1}
    76% {opacity:0}
    100%{opacity:0}
}
@-ms-keyframes woodthree {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:1}
    75% {opacity:1}
    76% {opacity:0}
    100%{opacity:0}
}

.woodmoveFourLow{
-webkit-animation:woodfour 2s 0s linear infinite both;
    -moz-animation:woodfour 2s 0s linear infinite both;
     -ms-animation:woodfour 2s 0s linear infinite both;
}
.woodmoveFourNormal{
-webkit-animation:woodfour 1s 0s linear infinite both;
    -moz-animation:woodfour 1s 0s linear infinite both;
     -ms-animation:woodfour 1s 0s linear infinite both;
}
.woodmoveFourFast{
-webkit-animation:woodfour 0.1s 0s linear infinite both;
    -moz-animation:woodfour 0.1s 0s linear infinite both;
     -ms-animation:woodfour 0.1s 0s linear infinite both;
}

@-webkit-keyframes woodfour {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:1}
    100%{opacity:1}
}
@-moz-keyframes woodfour {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:1}
    100%{opacity:1}
}
@-ms-keyframes woodfour {
    0% {opacity: 0}
    25% {opacity:0}
    26%{opacity:0}
    50%{opacity:0}
    51%{opacity:0}
    75% {opacity:0}
    76% {opacity:1}
    100%{opacity:1}
}


.barmove{
    -webkit-animation:bar 20s 0s linear both;
    -moz-animation:bar 20s 0s linear both;
    -ms-animation:bar 20s 0s linear both;
}
@-webkit-keyframes bar {
    0% {
      -webkit-transform:translateY(20px);
    }
    100% {
      -webkit-transform:translateY(200px);
    }
}
@-moz-keyframes bar {
   0% {
      -webkit-transform:translateY(20px);
    }
    100% {
      -webkit-transform:translateY(200px);
    }
}
@-ms-keyframes bar {
   0% {
      -webkit-transform:translateY(20px);
    }
    100% {
      -webkit-transform:translateY(200px);
    }
}
.barmovetop{
    -webkit-animation:bar 1s 0s linear both;
    -moz-animation:bar 1s 0s linear both;
    -ms-animation:bar 1s 0s linear both;
}
@-webkit-keyframes bartop {
    0% {
      -webkit-transform:translateY(200px);
    }
    100% {
      -webkit-transform:translateY(20px);
    }
}
@-moz-keyframes bartop {
    0% {
      -webkit-transform:translateY(200px);
    }
    100% {
      -webkit-transform:translateY(20px);
    }
}
@-ms-keyframes bartop {
    0% {
      -webkit-transform:translateY(200px);
    }
    100% {
      -webkit-transform:translateY(20px);
    }
}

.Flashingdan{
  display: block;
-webkit-animation:Flashingdan 1s 0s ease  both;
    -moz-animation:Flashingdan 1s 0s ease  both;
     -ms-animation:Flashingdan 1s 0s ease  both;
}
@-webkit-keyframes Flashingdan {
          0% {opacity: 0}

     100% {opacity: 1}
}
@-moz-keyframes Flashingdan {
      0% {opacity: 0}

     100% {opacity: 1}
}
@-ms-keyframes Flashingdan {
   0% {opacity: 0}

     100% {opacity: 1}
}










/*闪动效果2*/

.Flashing_twomove{
-webkit-animation:Flashing_two 2s 0s ease both;
    -moz-animation:Flashing_two 2s 0s ease both;
     -ms-animation:Flashing_two 2s 0s ease both;
}
@-webkit-keyframes Flashing_two {
          0% {opacity: 1}
    50% {opacity: 0.5}
     100% {opacity: 1}
}
@-moz-keyframes Flashing_two {
          0% {opacity: 1}
    50% {opacity: 0.5}
     100% {opacity: 1}
}
@-ms-keyframes Flashing_two {
          0% {opacity: 1}
    50% {opacity: 0.5}
     100% {opacity: 1}
}

/*3D旋转效果*/
.Rotation{
-webkit-animation:Rotation 1s 0s linear both;
    -moz-animation:Rotation 1s 0s linear both;
     -ms-animation:Rotation 1s 0s linear both;
}
@-webkit-keyframes Rotation {
           0% {-webkit-transform:rotateY(0deg);}
    
    100% {-webkit-transform:rotateY(90deg);}
}
@-moz-keyframes Rotation {
           0% {-moz-transform:rotateY(0deg);}
           
    100% {-moz-transform:rotateY(90deg);}
}
@-ms-keyframes Rotation {
           0% {-ms-transform:rotateY(0deg);}
           
    100% {-ms-transform:rotateY(90deg);}
}

.Rotationtwo{
-webkit-animation:Rotationtwo 1s 0s linear both;
    -moz-animation:Rotationtwo 1s 0s linear both;
     -ms-animation:Rotationtwo 1s 0s linear both;
}
@-webkit-keyframes Rotationtwo {
           0% {-webkit-transform:rotateY(-90deg);}
    
    100% {-webkit-transform:rotateY(0deg);}
}
@-moz-keyframes Rotationtwo {
           0% {-moz-transform:rotateY(-90deg);}
           
    100% {-moz-transform:rotateY(0deg);}
}
@-ms-keyframes Rotationtwo {
           0% {-ms-transform:rotateY(-90deg);}
           
    100% {-ms-transform:rotateY(0deg);}
}





.Flashinglong{
  display: block;
-webkit-animation:Flashinglong 6s 0s linear infinite both;
    -moz-animation:Flashinglong 6s 0s linear infinite both;
     -ms-animation:Flashinglong 6s 0s linear infinite both;
}
@-webkit-keyframes Flashinglong {
          0% {opacity: 1}
           5% {opacity: 1}

     15% {opacity: 1}
     17% {opacity: 0}
     
      100% {opacity:0}
}
@-moz-keyframes Flashinglong {
       0% {opacity: 1}
           5% {opacity: 1}

     15% {opacity: 1}
     17% {opacity: 0}
     
      100% {opacity:0}
}
@-ms-keyframes Flashinglong {
   0% {opacity: 1}
           5% {opacity: 1}

     15% {opacity: 1}
     17% {opacity: 0}
     
      100% {opacity:0}
}


.round_move{
  display: block;
-webkit-animation:round_move 1s 1.1s ease  both;
    -moz-animation:round_move 1s 1.1s ease  both;
     -ms-animation:round_move 1s 1.1s ease  both;
}

@-webkit-keyframes round_move {
  0%{-webkit-transform: rotate(0deg) translateY(500px);}

  100%{-webkit-transform: rotate(360deg) translateY(0px);}
}
@-moz-keyframes round_move {
    0%{-moz-transform: rotate(0deg) translateY(500px);}

  100%{-moz-transform: rotate(360deg) translateY(0px);}
}
@-ms-keyframes round_move {
    0%{-ms-transform: rotate(0deg) translateY(500px);}

  100%{-ms-transform: rotate(360deg) translateY(0px);}
}


.round_move_two{
  display: block;
-webkit-animation:round_move_two 1s 0s ease  both;
    -moz-animation:round_move_two 1s 0s ease  both;
     -ms-animation:round_move_two 1s 0s ease  both;
}

@-webkit-keyframes round_move_two {
  0%{-webkit-transform: rotate(-90deg) translateY(600px);}
90%{-webkit-transform: rotate(10deg) translateY(0px);}
95%{-webkit-transform: rotate(-10deg) translateY(0px);}
  100%{-webkit-transform: rotate(0deg) translateY(0px);}
}
@-moz-keyframes round_move_two {
  0%{-moz-transform: rotate(-90deg) translateY(600px);}
90%{-moz-transform: rotate(10deg) translateY(0px);}
95%{-moz-transform: rotate(-10deg) translateY(0px);}
  100%{-moz-transform: rotate(0deg) translateY(0px);}
}
@-ms-keyframes round_move_two {
  0%{-ms-transform: rotate(-90deg) translateY(600px);}
90%{-ms-transform: rotate(10deg) translateY(0px);}
95%{-ms-transform: rotate(-10deg) translateY(0px);}
  100%{-ms-transform: rotate(0deg) translateY(0px);}
}

.round_move_three{
  display: block;
-webkit-animation:round_move_three 1s 0s ease  both;
    -moz-animation:round_move_three 1s 0s ease  both;
     -ms-animation:round_move_three 1s 0s ease  both;
}

@-webkit-keyframes round_move_three {
  0%{-webkit-transform: rotate(90deg) translateY(600px);}
90%{-webkit-transform: rotate(-10deg) translateY(0px);}
95%{-webkit-transform: rotate(10deg) translateY(0px);}
  100%{-webkit-transform: rotate(0deg) translateY(0px);}
}
@-moz-keyframes round_move_three {
  0%{-moz-transform: rotate(-90deg) translateY(-200px);}
90%{-moz-transform: rotate(10deg) translateY(0px);}
95%{-moz-transform: rotate(-10deg) translateY(0px);}
  100%{-moz-transform: rotate(0deg) translateY(0px);}
}
@-ms-keyframes round_move_three {
  0%{-ms-transform: rotate(-90deg) translateY(-200px);}
90%{-ms-transform: rotate(10deg) translateY(0px);}
95%{-ms-transform: rotate(-10deg) translateY(0px);}
  100%{-ms-transform: rotate(0deg) translateY(0px);}
}


.round_move_four{
  display: block;
-webkit-animation:round_move_four 2s 0s ease infinite both;
    -moz-animation:round_move_four 1s 0s ease infinite both;
     -ms-animation:round_move_four 1s 0s ease infinite both;
}

@-webkit-keyframes round_move_four {
  0%{-webkit-transform: rotate(0deg) }
50%{-webkit-transform: rotate(-15deg) }

  100%{-webkit-transform: rotate(0deg) }
}
@-moz-keyframes round_move_four {
  0%{-moz-transform: rotate(-90deg)}
50%{-moz-transform: rotate(10deg)}

  100%{-moz-transform: rotate(0deg)}
}
@-ms-keyframes round_move_four {
  0%{-ms-transform: rotate(0deg)}
50%{-ms-transform: rotate(30deg)}

  100%{-ms-transform: rotate(0deg)}
}



.myfade_X{
  display: block;
  -webkit-animation:myfade_X 2s 0s ease both;
    -moz-animation:myfade_X 2s 0s ease both;
     -ms-animation:myfade_X 2s 0s ease both;
}

@-webkit-keyframes myfade_X {
    0% {opacity: 0}

    100%{opacity: 1}
}
@-moz-keyframes myfade_X {
   0% {opacity: 0}

    100%{opacity: 1}
}
@-ms-keyframes myfade_X {
   0% {opacity: 0}

    100%{opacity: 1}
}



.ffff{
-webkit-animation:ffff 0.5s 0s linear both;
    -moz-animation:ffff 0.5s 0s linear both;
     -ms-animation:ffff 0.5s 0s linear both;
}
@-webkit-keyframes ffff {
           0% {-webkit-transform:scale(1);
}
    
    100% {-webkit-transform:scale(1.2);
}
}
@-moz-keyframes ffff {
           0% {-moz-transform:scale(1);
}
    
    100% {-moz-transform:scale(1.2);
}
}
@-ms-keyframes ffff {
           0% {-ms-transform:scale(1);
}
    
    100% {-ms-transform:scale(1.2);
}
}
.gggg{
-webkit-animation:gggg 0.5s 0s linear both;
    -moz-animation:gggg 0.5s 0s linear both;
     -ms-animation:gggg 0.5s 0s linear both;
}
@-webkit-keyframes gggg {
           0% {-webkit-transform:scale(1.2);
}
    
    100% {-webkit-transform:scale(1);
}
}
@-moz-keyframes gggg {
           0% {-moz-transform:scale(1.2);
}
    
    100% {-moz-transform:scale(1);
}
}
@-ms-keyframes gggg {
           0% {-ms-transform:scale(1.2);
}
    
    100% {-ms-transform:scale(1);
}
}
